<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Rollover Message</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
#buttons {position: absolute; top: 10px;
          background-color: yellow;width: 20%;}
#description {position: absolute;top: 10px;left: 40%;}
-->
</style>
<script src="layerlib.js" type="text/javascript"></script>
</head>
<body>
<div id="buttons" >
<a href="about.html"
   onmouseover="setContents('description',
      'Discover the history and management behind the Democompany.');"
   onmouseout="setContents('description', '&nbsp;');">About</a>
<br><br>

<a href="products.html"
   onmouseover="setContents('description',
                      'If you like our domes, you\'ll love our robots!');"
   onmouseout="setContents('description', '&nbsp;');">Products</a>
</div>
<div id="description">&nbsp;</div>
</body>
</html>

